<template>
    <div class="block">
        <div>
            <!-- <el-button type="primary" @click="reRender">重新渲染</el-button> -->
        </div>
        <div class="chart-con">
            <div class="stock-item" v-for="(item,idx) in list" :key="idx"><gtChart :id="item.id"></gtChart></div>
        </div>
    </div>
</template>


<script>
import config from '~/config'
import dayjs from '~/plugins/day';


import gtChart from '~/components/stock/gtChart.vue';
export default {
    components:{
        gtChart
    },
    data() {
        return {
            list: []
        }
    },
     

    mounted() {
        this.reRender()
    },

    methods: {
        reRender(){
            this.list = [];
            this.$nextTick(()=>{
                this.list = window.$vue.compareList;
            });
            
        }
    }
}
</script>

<style lang="less" scoped>
.chart-con{
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    .stock-item{
        width: 33%;
        min-width: 550px;
        margin-top: 10px;
        margin-left: 5px;
        border: 1px lightgray solid;
    }
}

</style>
